<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <% String path = request.getContextPath();%>
 <%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<style>
	.box{
		height:390px;
		overflow:hidden;
	}
	
	.box2{
		height:150px;
		width:25%;
		margin:20px 25px;
		float:left;
		list-style:none;
	}
	.picBox{
	width:100%;
	height:100%;
	border-radius: 10px;
	
	}
	.titleBox{
		text-align:center;
		font-weight:bold;
	}
</style>

<ul class="box">
	<c:forEach items="${articles }" var="article">
	 	<li class="box2">
	 		<a href="<%= path %>/ConsultingArticleController?action=findManagerById&id=${article.id}"><img src="<%=path %>/images/articleImages/${article.pic}" class="picBox"></a>
	 		<p class="titleBox">${article.title }</p>
	 	</li>
	 </c:forEach>
</ul>
	 
         
         
         <!--  页数  -->
        
        <div class="ui bottom attached segment">
         	<c:forEach begin="1" end="${count/6+(count%6==0?0:1) }" var="i">
         			<div class="idbox">
	                     <a class="p" style="color=red" class="pagernum" data-page="${i }">${i }</a>
	                    </div>
	           </c:forEach>
         		 
              
            </div>
        
        <style>
         	.idbox{
         		
         		height:20px;
         		width:20px;
         		background-color:#f2eada;
         		margin-left:10px;
         		border:1px solid gray;
         		float:left;
         		text-align:center;
         		
         	}
         </style>
